<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆</title>
<style>
     *{
          font-size: 14px;
     }
    
     .txt{
          width: 90%;
          border-radius: 3px;
          border: 1px #CCC solid;
          padding: 3px;
     }
    
     td{
          padding: 5px 5px 5px 10px;
     }
    
     .header{
          height: 30px;
          line-height: 30px;
          padding-left: 10px;
          font-weight: bold;
          background: #0099FF;
          border-radius: 6px 6px 0px 0px;
          color: white;
          margin-bottom: 10px;
     }
    
     .error{
          font-size:12px;
          color:red;
     }
</style>
</head>
<body>
     <div style="width: 300px;
          height:170px;border:1px #CCC solid;
          position:absolute;left:50%;top:50%;
          margin-top:-85px;margin-left:-150px;
          box-shadow:0px 0px 8px gray;
          border-radius: 6px;">
          <div class="header">
               欢迎登陆
          </div>
          <form action="log" method="post">
               <table width="100%" border="0">
                    <tr>
                         <td width="30%">账户：</td>
                         <td><input class="txt" name="login_name"></td>
                    </tr>
                    <tr>
                         <td width="30%">密码：</td>
                         <td><input class="txt" type="password" name="password"></td>
                    </tr>
                    <tr>
                         <td colspan="2" align="center">
                              <input type="submit" value="登陆">
                              <input type="reset" value="重置">
                         </td>
                    </tr>
                    <tr>
                         <td align="center" colspan="2" class="error">${error}</td>
                    </tr>
               </table>
          </form>
     </div>
    
</body>
</html>